<template>
  <div>
    <h1>页面二</h1>
    我是登录界面
    <!--<div v-html="msg"></div>-->
    <!--<button :id="idValue">登录</button>-->
    <!--<form action=""></form>-->
    <!--<span>{{flage?'真':'假'}}</span>-->
    <!--<span v-if="flag">你看的到我吗?</span>-->
    <!--<span v-else>你看不到了</span>-->
    <!--<button @click="change">点我康康</button>-->
    <!--<h1 v-show="flag">Hello!</h1>-->
    <!--<table></table>-->
    <!--<p v-for="item in arr" :key="item">{{item}}</p>-->
    <!--<ul></ul>-->
    用户名<input type="text" v-model="username"><br>
    输入的值:{{username}}
  </div>
</template>

<script>
export default {
  name: 'Login',
  data: function () {
    return {
      flag: true,
      idValue: 'submit',
      msg: '<span style="color: red">你好我从login来</span>',
      user: {},
      arr: [1, 2, 3, 4],
      username: ''
    }
  },
  methods: {
    change () {
      this.flag = !this.flag
    }
  }
}
</script>

<style scoped>
  #btn {
    color: red;
  }
</style>
